import React from 'react';
import { Link } from 'react-router-dom';

import emptyCartImg from '../assets/img/empty-cart.png';

const CartEmpty: React.FC = () => {
  return (
      <div className="container container--cart">
        <div className="cart cart--empty">
          <h2>
            Корзина пустая <span className='icon'>😕</span>
          </h2>
          <p>
            Вероятней всего, ещё вы не заказывали пиццу.
            <br />
            Для того чтобы заказать пиццу, перейдите на главную страницу.
          </p>
          <img src={emptyCartImg} alt="Empty cart" />
          <Link to="/" className="button button--black">
            <span>Вернуться назад</span>
          </Link>
        </div>
      </div>
  );
};

export default CartEmpty;
